<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<link href="style.css" rel="stylesheet" type="text/css"/>
	<!--[if IE]>
    	<link href="ie.css" type="text/css" rel="stylesheet">
    <![endif]-->
	<title>Custom</title>
</head>

<body>

<div id="wrapper">

    <div id="header_outer">
        <div id="header">
        
            <div id="logo">
            <a href="#"><img src="images/logo.png" alt="logo"/></a>
            </div><!--End #Logo-->
            
            <div id="control">
            <p id="p1">Welcome to Cheapa - Blinds</p>
            <div id="sign">
            <ul>
            <li style="margin-right:10px;"><a href="#">Sign in</a></li>
            <li><a href="#">Sign up</a></li>
            </ul>
            
            </div>
            
            <div class="clear"></div>
            
            <div id="bar">
            <ul>
            <li><a href="#">My Account</a></li>
            <li><a href="#">My Wishlists</a></li>
            <li class="last"><p><img src="images/shop_icon.png" alt="icon"/> <a href="#">My View Cart: (0 item)</a></p></li>
            </ul>
            </div>
            </div><!--End #control-->
            <div class="clear"></div>
            
            <div id="menubar">
            <ul>
            	<li><a href="#"><img src="images/home_icon.png" alt="" /></a></li>
                <li><a href="#">Interior Blings</a></li>
                <li><a href="#">Exterior Blings</a></li>
                <li><a href="#">Curtains</a></li>
                <li><a href="#">Accessories</a></li>
                <li><a href="#">Samples</a></li>
                <li><a href="#">Contacts</a></li>
                <input id="search" type="text" value="Search" />
            </ul>
            </div><!--End #Menubar-->
            
        </div><!--End #Header-->
    </div><!--End #Header_outer-->
    
    <div id="content_cus_outer">
        <div id="content">
            <div id="conten_top">
                <div id="bank">
                <ul>
                <li><a href="#"><img src="images/paypal.png" alt="paypal"/></a></li>
                <li><a href="#"><img src="images/veri.png" alt="veri"/></a></li>
                <li><a href="#"><img src="images/visa.png" alt="visa"/></a></li>
                <li><a href="#"><img src="images/tron.png" alt="tron"/></a></li>
                </ul>
                
                </div><!--End #Bank-->
                <div class="clear"></div>
                
                <div id="line_detail">
                </div><!--End #Line_detail-->
                
            </div><!--End #Content_top-->
            <div id="content_detail">
                <div id="linkg">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Inter Blinds</a></li>
                    <li><a href="#">Roller Blinds</a></li>
                    <li>Blackout Roller</li>
                </ul>
                </div><!--End #linkg-->
                <div class="clear"></div>
            
            
                <div id="bo_r">
                    <h3>Blackout Roller</h3>
                    <div id="rote">
                        <img src="images/door_ct.png"/>
                    </div>
                    
                    <div id="bar_rote">
                        <ul><li><a href="#"><img src="images/pb.png"/><p>Product Details</p></a></li></ul>
                        <ul><li id="li_mid"><a href="#"><img src="images/enlarge.png"/><p>Enlarge</p></a></li></ul>
                        <ul><li><a href="#"><img src="images/free.png"/><p>Free sample</p></a></li></ul>
                        
                    </div>
                </div><!--End #bo_r-->
            
                <div id="mid_cust">
                    <form action="#" method="get">
                    <div id="step_top">
                        <ul>
                            <li><a id="st1" href="#" class="active">1</a></li>
                            <li><a id="st2" href="#">2</a></li>
                            <li><a id="st3" href="#">3</a></li>
                            <li><a id="st4"href="#">4</a></li>
                        </ul>
                    </div><!--End #Step_top-->
                    <div class="clear"></div>
                    <div id="step_mid">
                    
                        <div id="sm_top">
                        <p>1<span>Set your measurement</span></p>
                        </div>
                        <div class="clear"></div>
                        <div id="sm_mid1">
                            <p>Enter your measurement ? <span>*</span></p>
                            <div class="clear"></div>
                            <div id="ratd">
                            <p>
                            <input class="radio_cut" type="radio" name="rad" value="mm"/>
                            <label>mm</label>
                            </p>
                            <p>
                            <input class="radio_cut" type="radio" name="rad" value="cm"/>
                            <label>cm</label>
                            </p>
                            <p>
                            <input class="radio_cut" type="radio" name="rad" value="inches"/>
                            <label>inches</label>
                            </div>
                            </p>
                        </div>
                        <div class="clear"></div>
                        <div id="sm_mid2"><br />
                        <p>
                        
                        <label>Enter Width:</label><span>*</span>
                        <input class="enter_size" type="text" value="min.25cm"/>
                        </p>
                        <p>
                        
                        <label>Enter Drop:</label><span>*</span>
                        <input class="enter_size" type="text" value="min.20cm"/>
                        </p>
                        </div>
                        <div id="sm_mid3">
                            <p><label>Exact or Recess?<span>*</span></label><br />
                            <div class="select1">
                                <select name="selectRec" id="sel_rec">
                                    <option value="Select" selected="selected">Please Select</option>
                                    <option value="01">01</option>
                                    <option value="02">02</option>
                                    <option value="03">03</option>
                                </select>
                            </div>
                            </p>
                        </div>
                        <div id="sm_bot">
                            <h3>$44</h3>
                            <a href="#">Next Step</a>
                        </div>
                    </div><!--End #Step_mid-->
                    <div class="clear"></div>
                    
                    <div class="step_bot">
                   			<div><label>2</label>
                            <div class="select2">
                   			<select name="End" id="sel_End">
                                <option value="Select" selected="selected">Choose an End/Scallop</option>
                                <option value="01">01</option>
                                <option value="02">02</option>
                                <option value="03">03</option>
                            </select>
                            </div>
                            </div>
                           
                    </div>
                   <div class="step_bot">
                   			<div><label>2</label>
                            <div class="select2">
                   			<select name="End" id="sel_End">
                                <option value="Select" selected="selected">Choose an End/Scallop</option>
                                <option value="01">01</option>
                                <option value="02">02</option>
                                <option value="03">03</option>
                            </select>
                            </div>
                            </div>
                           
                    </div>
                    <div class="step_bot">
                   			<div><label>2</label>
                            <div class="select2">
                   			<select name="End" id="sel_End">
                                <option value="Select" selected="selected">Choose an End/Scallop</option>
                                <option value="01">01</option>
                                <option value="02">02</option>
                                <option value="03">03</option>
                            </select>
                            </div>
                            </div>
                           
                    </div>
                    
                    </form>
                </div><!--End #mid_cuts-->
    
                <div id="add_cart">
                <div id="top_or">
                    <h4>Order Summary</h4>
                </div>    
                    <div id="info_or">
                        <div class="order_info">
                            <h4>1.Set your measurement</h4>
                            <p><span>Width: </span>25 cm</p>
                            <p><span>Drop: </span>25 cm</p>
                            <p><span>Exact or Recess:</span></p>
                        </div>
                        
                        <div class="order_info">
                            <h4>2.Choose an End/Scallop</h4>
                            <p><span>Shape:</span></p>
                        </div>
                        
                        <div class="order_info">
                            <h4>3.Choose Controls</h4>
                            <p><span>Control Mechanism:</span></p>
                        </div>
                        <div id="bot_or">
                            <h4>4.Set quantity and optional info</h4>
                            <p><span>Child Safety Device:</span></p>
                        </div>
                    
                    </div><!--End #info_or-->
                    
                    <div id="add_cart_bot">
                    <div id="quali">
                        <p>
                        <span class="top_p1">
                            Qty:
                        </span>
                        <span class="top_p2">
                            1
                        </span>
                        </p>
                        <p>
                        <span class="top_p1">
                            Price:
                        </span>
                        <span class="top_p2">
                            $44
                        </span>
                        </p>
                        </div>
                        <li>
                        <a href="#">Add to Cart</a></li>
                    </div><!--End #add_cart_bot-->
                
                </div><!--End #add_cart-->
                <div class="clear"></div>
                
                <div id="sym_info">
                    <div id="tit">
                    <h3>Set your measurement</h3>
                    </div>
                    <div class="sym_i">
                        <h3>fabric type:</h3>
                        <p>5th Avenue - UV treated 100% plyster - crylic back coating</p>
                    </div>
                    
                    <div class="sym_i">
                    <h3>size range:</h3>
                    <p>Width - 630mm to 1830mm Drop - 600mm to 2400mm</p>
                    </div>
                    
                    <div class="sym_i">
                    <h3>inner tube</h3>
                    <p>38mm standdard</p>
                    </div>
                    
                    <div class="sym_i">
                    <h3>bracket dimensions:</h3>
                    <p>N/A</p>
                    </div>
                    
                    <div class="sym_i">
                    <h3>bracket suitable for:</h3>
                    <p>
                    
                    <input type="checkbox" value="side fixing"/>
                    <label>side fixing</label>
                    <input type="checkbox" value="top fixing"/>
                    <label>top fixing</label>
                    <input type="checkbox" value="side bac fixing"/>
                    <label>back fixing</label>
                    </p>
                    </div>
                    
                    <div class="sym_i">
                    <h3>controlmechanism/s:</h3>
                    <p>Chain drive to lift and lower blind</p>
                    </div>
                    
                    <div class="sym_i">
                    <h3>control side:</h3>
                    <p>Left or Right hand side</p>
                    </div>
                    
                    <div class="sym_i">
                    <h3>base rail:</h3>
                    <p>Flat Shaped Powder coated aluminium with fabric inser</p>
                    </div>
                    
                    <div class="sym_i">
                    <h3>rail colours:</h3>
                    <p>Beige, Birch White, Chrome, Clear Andized, Ebony, Gold, Grey  Primrose and White</p>
                    </div>
                    
                    <div class="sym_i">
                    <h3>Chain leght</h3>
                    <p>N/A</p>
                    </div>
                    
                    <div id="sym_i_last">
                        <h3>Chain colours</h3>
                        <p>Beige, Birch White, Ebony, Grey Silver and White</p>
                    </div>
                
                </div><!--End #sym_info-->
                
                <div id="mid_lane">
                    <div class="mid_l">
                        <h3>Care & Maintenance</h3>
                        <p>For easy to clean intructions, visit our <a href="#">How to Clean Roller Blings</a> page.</p>
                    </div>
                    
                    <div class="mid_l">
                        <h3>Hardware</h3>
                        
                        	<ul>
                                <li>Fully assembled blind </li>
                                <li>Installation screws </li>
                                <li>Mounting brackets for inside or outside mount</li>
                                <li>Colour matched pelmet Pelmet </li>
                                <li>installation clips (attach pelmet to head box)</li>
                             </ul>
                        
                    </div>
                </div><!--End #mid_lane-->
                
                <div id="right_lane">
                    <h3><span>Guide</span></h3>
                    <p>Roller Blinds Fitting Instructions</p>
                    <a href="#">Download (PDF, 1.21 MB) ></a>
                </div>
            </div><!--End #Content_detail-->
            <div class="clear"></div>
            
        </div><!--End #Content-->
    </div><!--End #Content_outer-->
    <div id="footer_outer">
        <div id="footer">
            <div id="footer_menu">
                
                <div class="fm_item">
                
                <h3>Customer Support</h3>
                <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Track Your Order</a></li>
                <li><a href="#">Support Services</a></li></li>
                <li><a href="#">Issues & Claims</a></li>
                <li><a href="#">Delivery Areas</a></li>
                </ul>
                </div><!--End .fm_item-->
                
                <div class="fm_item">
                <h3>Customer Support</h3>
                <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Track Your Order</a></li>
                <li><a href="#">Support Services</a></li></li>
                <li><a href="#">Issues & Claims</a></li>
                <li><a href="#">Delivery Areas</a></li>
                </ul>
                
                </div><!--End .fm_item-->
                <div class="fm_item">
                <h3>Customer Support</h3>
                <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Track Your Order</a></li>
                <li><a href="#">Support Services</a></li></li>
                <li><a href="#">Issues & Claims</a></li>
                <li><a href="#">Delivery Areas</a></li>
                </ul>
                
                </div><!--End .fm_item-->
                <div class="fm_item">
                <h3>Customer Support</h3>
                <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Track Your Order</a></li>
                <li><a href="#">Support Services</a></li></li>
                <li><a href="#">Issues & Claims</a></li>
                <li><a href="#">Delivery Areas</a></li>
                </ul>
                
                </div><!--End .fm_item-->
                <div class="fm_item">
                <h3>Customer Support</h3>
                <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Track Your Order</a></li>
                <li><a href="#">Support Services</a></li></li>
                <li><a href="#">Issues & Claims</a></li>
                <li><a href="#">Delivery Areas</a></li>
                </ul>
                </div><!--End .fm_item-->
                  <div class="clear"></div>
            </div><!--End #Footer_menu-->
            
            <div id="copyright">
            <img src="images/footer_img.png"/>
            <p>Copyright 2012 The Diablo Group<br />
                All Rights Reserved. Prices subjects to change. ABN: 52 112 028 636</p>
            </div>
        
        </div><!--End #Footer-->
    </div><!--End #Footer_outer-->

</div><!--End #Wrapper-->


</body>
</html>